
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/qq.css"/>
    </head>
    <body>
        <div class="qqBox">
            <div class="BoxHead">
                <div class="headImg">
                    <img src="images/web6.jpg"/>
                </div>
                <div class="internetName">90后大叔</div>
            </div>
            <div class="context">
                <div class="conLeft">
                    <ul>
                        <li>
                            <div class="liLeft"><img src="images/web3.jpg"/></div>
                            <div class="liRight">
                                <span class="intername">前端交流群</span>
                                <span class="infor">厉害了</span>
                            </div>
                        </li>
                        <li class="bg">
                            <div class="liLeft"><img src="images/web3.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">赵鹏</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">web交流群</span>
                                <span class="infor">666</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web4.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">jquery插件库</span>
                                <span class="infor">这个群妹子多</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web3.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">我的phone</span>
                                <span class="infor">[文件]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web3.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">...</span>
                                <span class="infor">[么么哒]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">前端交流群</span>
                                <span class="infor">前端小黑：怎么才能</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web2.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">前端交流群</span>
                                <span class="infor">大西瓜：差评，这个下面又</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web3.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">前端交流群</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web3.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">前端交流群</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web3.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">赵鹏</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">web交流群</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/em_20.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">jquery插件库</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web6.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">我的phone</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web4.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">...</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">前端交流群</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web2.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">前端交流群</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                        <li>
                            <div class="liLeft"><img src="images/web3.jpg"/></div>
                            <div class="liRight">
                                <span  class="intername">前端交流群</span>
                                <span class="infor">[流泪]</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="conRight">
                    <div class="Righthead">
                        <div class="headName">赵鹏</div>
                        
                    </div>
                    <div class="RightCont">
                        <ul class="newsList">
                        
                        </ul>
                    </div>
                    <div class="RightFoot">
                        <div class="emjon">
                            <ul>
                                <li><img src="images/em_02.jpg"/></li>
                                <li><img src="images/em_05.jpg"/></li>
                                <li><img src="images/em_07.jpg"/></li>
                                <li><img src="images/em_12.jpg"/></li>
                                <li><img src="images/em_14.jpg"/></li>
                                <li><img src="images/em_16.jpg"/></li>
                                <li><img src="images/em_20.jpg"/></li>
                                <li><img src="images/em_23.jpg"/></li>
                                <li><img src="images/em_25.jpg"/></li>
                                <li><img src="images/em_30.jpg"/></li>
                                <li><img src="images/em_31.jpg"/></li>
                                <li><img src="images/em_33.jpg"/></li>
                                <li><img src="images/em_37.jpg"/></li>
                                <li><img src="images/em_38.jpg"/></li>
                                <li><img src="images/em_40.jpg"/></li>
                                <li><img src="images/em_45.jpg"/></li>
                                <li><img src="images/em_47.jpg"/></li>
                                <li><img src="images/em_48.jpg"/></li>
                                <li><img src="images/em_52.jpg"/></li>
                                <li><img src="images/em_54.jpg"/></li>
                                <li><img src="images/em_55.jpg"/></li>
                            </ul>
                        </div>
                        <div class="footTop">
                            <ul>
                                <li class="ExP"><img src="images/TIM图片20170926103645_33.jpg"/></li>
                                <li id="btn"><img src="images/TIM图片20170926103645_41.jpg" alt="" /></li>
                                <input type="file" name="" value="" placeholder="" id="oFile" style="display: none;">
                            </ul> 
                        </div>
                        <div class="inputBox">
                            <textarea id="dope" style="width: calc(99% - 20px);height: 70px; border: none;outline: none;padding: 0px 10px 10px 10px;" name="" rows="" cols=""></textarea>
                            <button class="sendBtn">发送(s)</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
<script type="text/javascript">
    var oBtn=document.getElementById('btn');
    var oFile= document.getElementById('oFile')
    oBtn.onclick=function(){
       oFile.click();
    };
</script>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/chat.js"></script>